html, body {
    min-height: 900px;
    /*min-height: 1600px;*/
    min-width: 900px;
}

div.container {
    min-width: 900px;
}

div.main .left {
    padding: 2%;
    padding-right: 0;
    float: left;
    width: 24em;
    font-family: Roboto;
    font-weight: 100;
    height: 100%;
}

div.main {
    height: 100%;
}

div.main .left header {
    color: #258bcb;
    font-size: 150%;
    font-style: italic;
}

div.main .left ul {
    padding: 0;
    font-size: 100%;
    margin-left: 2%;
    list-style-type: circle;
    margin-left: 1.5em;
}

div.main .left li {
    padding-top: 3px;
}

div.main div.right {
    float: left;
    width: 60%;
    min-width: 400px;
    font-family: Roboto;
    font-weight: 300;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 2em;
    /*width: 40%;*/
}

div.main div.right figure {
    margin: 0;
    margin-bottom: 40px;
    width: 400px;
}

div.main div.right figure div {
    width: 400px;
    height: 250px;
    overflow: hidden;
}

div.main div.right figure img {
    height: 300px;
}

div.main div.right #imgtl {
    float: left;
}

div.main div.right #imgtr {
    float: right;
}

div.main div.right #imgbl {
    clear: right;
    float: left;
}

div.main div.right #imgbr {
    float: right;
}

div.main div.right figure.all {
    /*float: none;*/
}

div.main div.right figure figcaption {
    font-style: italic;
    text-align: center;
    margin-top: 3px;
}